﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>某某家具设计公司企业官网-模板之家</title>
</head>
<body>

	<!-- 引入头部 -->
	<jsp:include page="header.jsp"></jsp:include>


	<section class="pro-list">
		<aside class="pro-leftsidebar">
			<ul>
				<li><a>产品搜索</a>
					<ul id="pro-search">
						<li>
							<form method="post" action="ProServlet?method=getProByType">
								<input type="text" style="color: white" name="proname"
									class="pro-search">
								<button type="submit"
									class="layui-btn layui-btn-xs  layui-btn-primary">搜索</button>
							</form>
						</li>
					</ul></li>
				<li><a>产品分类</a>
					<ul id="pro-category">
						<c:forEach items="${protype}" var="type">
							<!--  class="on" -->
							<li><a
								href="ProducttypeServlet?method=proType&protype=${type.zhuid }">${type.typename}</a></li>
						</c:forEach>

					</ul></li>
			</ul>
		</aside>

		<aside class="pro-rightsidebar">
			<header>

				<p></p>
				<span></span>
			</header>
			<ul>
				<!-- 图片循环 -->
				<c:forEach items="${prolist }" var="pro">
					<li><a
						href="ProductServlet?method=doProductDetails&id=${pro.id }">
							<div class="img-box">
								<img src="${pro.picurl }">
								<p>${pro.name }</p>
							</div>
					</a></li>
				</c:forEach>
			</ul>

			<div class="pro_list_more_pages">
				<ul>
					<li><a>上一页</a></li>
					<li class="pro-list-current"><a>1</a></li>
					<li><a>2</a></li>
					<li><a>3</a></li>
					<li><a>下一页</a></li>
				</ul>
			</div>